<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我的网站演示</title>
<style>
* { margin: 0; padding: 0;}
a{color: #000000;text-decoration: none;}
a:hover{color: #FF0000;}

.mytitle{text-align: center;}
#dowebok { width: 90%; margin: 0 auto; font-size: 14px;}
#dowebok li { float: left; width: 30%; margin-left: 1%; padding-top: 1%;}
#dowebok li img { width: 100%;}
#dowebok li .dt { width: 100%;text-align: center;}
#dowebok li{list-style-type: none;}
div{color: white;
    font-weight: bold;
    border: solid 1px black;
    background: lightgreen;
    cursor: pointer;   
    transition: box-shadow 0.5s;
    -webkit-transition: box-shadow 0.5s;}
div:hover {
    box-shadow:5px 5px 10px gray;
}
</style>
</head>

<body>
	<h1 class="mytitle">189000503 左香菊</h1>
	
	<ul id="dowebok">
		<li>
			<!-- <div><a href="test3.html"><img data-original="img/1.jpg" src="img/1.jpg" alt="图片1"></a></div>
			<div class="dt"><a href="test3.html">函数应用</a></div>
			<div><a href="test4.html"><img data-original="img/1.jpg" src="img/1.jpg" alt="图片1"></a></div>
			<div class="dt"><a href="test4.html">常用的引用类型</a></div>
			<div><a href="test5.html"><img data-original="img/1.jpg" src="img/1.jpg" alt="图片1"></a></div>
			<div class="dt"><a href="test5.html">对象化编程</a></div> -->
			<div><a href="menu\task02.html"><img data-original="img/task02.png" src="img/task02.png" alt="菜单"></a></div>
			<div class="dt"><a href="menu\task2.html">菜单练习</a></div>
			
		</li>
		<li>
			<div><a href="task03\task3.html"><img data-original="img/task03.png" src="img/task03.png" alt="坦克"></a></div>
			<div class="dt"><a href="task03\task3.html">坦克动起来</a></div>
		</li>
		<li>
			<div><a href="expe05\expe05.html"><img data-original="img/expe05.png" src="img/expe05.png" alt="DOM事件"></a></div>
			<div class="dt"><a href="expe05\expe05.html">DOM事件</a></div>
		</li>
	</br>
		<li>
			<div><a href="expe06\expe06.html"><img data-original="img/expe06.png" src="expe06\img\expe06.png" alt="广告"></a></div>
			<div class="dt"><a href="expe06\expe06.html">广告</a></div>
		</li>
		<li>
			<div><a href="task4.html"><img data-original="img\task4.png" src="img\task4.png" alt="jQuery"></a></div>
			<div class="dt"><a href="task4.html">jQuery练习</a></div>
		</li>
		<li>
			<div><a href="expe07.html"><img data-original="img\expe07.png" src="img\expe07.png" alt="游戏"></a></div>
			<div class="dt"><a href="expe07.html">游戏角色</a></div>
		</li>
		<li>
			<div><a href="shop\index.html"><img data-original="img\index_logo.png" src="img\index_logo.png" alt="在线商城
				"></a></div>
			<div class="dt"><a href="shop\index.html">在线商城系统</a></div>
		</li>
	</ul>

</body>
</html>